body {
    position: relative;
}
.bannerBox {
    background: url('../../img/banner.jpg') no-repeat;
    background-size: 100% 100%;
    min-height: 20.88rem;
    padding-top: 50px;
}
.bannerBoxBg {
    background: url('../../img/banner-t.png') no-repeat;
    width: 100%;
    height: calc(20.88rem - 50px);
    background-position: 100% 100%;
    background-size: 10.78rem 14.84rem;
    display: flex;
    align-items: center;
    .container {
        display: flex;
        width: 100%;
    }
    .containerText {
        text-align: center;
        margin-top: -2rem;
        h3 {
            font-size: 3.44rem;
            color: #ed7d31;
            font-weight: bold;
            display: inline-block;
        }
        p {
            letter-spacing: 0.05rem;
            font-size: 0.94rem;
            color: #44546a;
            display: inline-block;
        }
        b {
            font-size: 1.19rem;
            letter-spacing: 0.06rem;
            color: #44546a;
        }
        div {
            letter-spacing: 0.02rem;
            font-size: 0.56rem;
            color: #44546a;
            display: inline-block;
            border-top: 1px solid #79838e;
            border-bottom: 1px solid #79838e;
            padding: .3rem .4rem;            
        }
    }
}

.formBox {
    .formBox {
        min-height: 13.75rem;
        background-color: #ffffff;
        box-shadow: 0rem 0rem 0.56rem 0.06rem 
            rgba(46, 49, 58, 0.1);
        border-radius: 0.63rem;
        padding: 1.25rem;
        margin-top: -1.63rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #formSubmit {
        margin-top: 1.6rem;
        width: 100%;
        .group {
            border-radius: 0.94rem;
            border: solid 0.03rem #dddde3;
        }
        .clearfix {
            display: flex;
            align-items: center;
            .VerificationCode {
                color: #ed7d31;
                font-size: 0.71rem;
                background-color: transparent !important;
                border: 0 !important;
                position: relative;
                box-shadow: none;
                &::after {
                    height: 100%;
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    border-left: 1px solid #dddee3;
                }
                &.forbid {
                    color: #999999;
                }
            }
        }
        input {
            border: 0 !important;
            box-shadow: none !important;
            outline: 0 !important;
            border-radius: 0.94rem;
            height: 2.18rem;
        }
        .Submit {
            background-color: #ed7d31;
            box-shadow: 0rem 0rem 0.56rem 0.06rem 
                rgba(255, 162, 0, 0.3);
            border-radius: 0.94rem;
            width: 100%;
            border: 0;
            padding: .5rem 0 .5rem 0;
            font-size: 0.86rem;
        }
    }
    .FormHead {
        color: #333333;
        font-size: 1.29rem;
        font-weight: bold;
        position: relative;
        span {
            color: #ed7d31;
            font-size: 1.29rem;
        }
        &::after {
            width: 1.25rem;
            height: 0.16rem;
            background-color: #ff7800;
            border-radius: 0.06rem;
            content: '';
            position: absolute;
            bottom: -.5rem;
            left: 50%;
            margin-left: -.6rem;
        }
    }
    .SubmitTips {
        color: #999999;
        font-size: .71rem;
        text-align: center;
        span {
            color: #ed7d31;
        }
    }
}

.APPDataBox {
    padding-top: 2.46rem;
    .containerMain {
        padding: 0 .54rem;
        display: flex;
        justify-content: space-between;
        text-align: center;
        margin-top: 2rem;
        &>div {
            width: 25%;
        }
        span {
            color: #44546a;
            font-size: 0.79rem;
        }
        b {
            font-size: 1.29rem;
        }
        p {
            color: #808080;
            font-size: .8rem;
        }
    }
    .borderR {
        position: relative;
        &::before {
            content: '';
            display: inline-block;
            position: absolute;
            height: 100%;
            right: 0;
            border-right: 1px solid #dfdfdf;
        }
    }
}

.FunctionBox {
    padding-top: 3.39rem;
    padding-bottom: 1rem;
    img {
        width: 100%;
        margin-top: 1rem;
    }
    .FunctionIMG {
        background: url('../../img/gh1.jpg') no-repeat;
        background-size: 100%;
        background-position: 0 1rem;
        padding-bottom: 1rem;
        margin-top: 1rem;
    }
}

.SpecialFeatures {
    background-image: linear-gradient(180deg, 
    #f7f7f7 0%, 
    #ffffff 100%);
    padding-top: 2.5rem;
    padding-bottom: 2.46rem;
    .textDiv {
        padding: 1.43rem;
        background-repeat: no-repeat;
        background-size: 7.5rem auto;
        min-height: 17rem;
        padding-top: 3.14rem;
        margin-top: 2.14rem;
        b {
            color: #333333;
            font-size: 1.29rem;
            font-weight: bold;
        }
        .ContentText {
            color: #585a69;
            font-size: 0.79rem;
            margin-top: 1rem;
            letter-spacing: 0.01rem;
            span {
                color: #ed7d31;
            }
            li {
                list-style: none;
                color: #585a69;
                font-size: .86rem;
                margin-bottom: .6rem;
                img {
                    width: .8rem;
                    margin-right: .6rem;
                }
            }
        }
        &.textDiv1 {
            background-image: url('../../img/1.png');
        }
        &.textDiv2 {
            background-image: url('../../img/2.png');
        }
        &.textDiv3 {
            background-image: url('../../img/3.png');
        }
        &.textDiv4 {
            background-image: url('../../img/4.png');
        }
        &.textDiv5 {
            background-image: url('../../img/5.png');
        }
    }
    .imgDiv {
        img {
            width: 100%;
            margin-top: -5rem;
        }
        &.imgDiv4 img {
            margin-top: -1rem;
        }
        &.imgDiv5 img {
            margin-top: -4rem;
        }
    }
}
.ABigShot {
    background-color: #f3f6f9;
    padding-top: 2.46rem;
    padding-bottom: 2.5rem;
    .ABigShotMain {
        background-color: #ffffff;
        border-radius: 0.71rem;
        margin-top: 2.14rem;
        &>.textBox {
            padding: 1.43rem;
            b {
                color: #333333;
                font-size: 1.29rem;
            }
            p {
                font-size: 0.86rem;
                color: #595858;
                font-weight: bold;
                margin-top: .4rem;
            }
            i {
                width: 1.43rem;
                height: 0.14rem;
                background-color: #ed7d31;
                border-radius: 0.07rem;
                display: inline-block;
            }
            div {
                margin-top: .8rem;
                color: #595858;
                font-size: .79rem;
            }
        }
        .containerTips {
            font-size: 0.71rem;
            color: #ed7d31;
            padding: 1.07rem 1.4rem;
            border-top: 1px solid #ffcfa0;
            margin-top: 1rem;
        }
    }
    .imgBox {
        display: flex;
        margin-bottom: 1.7rem;
        .imgRight {
            width: 52%;
        }
        .imgleft {
            width: 44%;
            margin-right: 5%;
        }
    }
}

.AppraiseBox {
    padding-top: 2.46rem;
    padding-bottom: 2.5rem;
    .imgBox {
        margin-top: 2.14rem;
    }
    .imgTop {
        display: flex;
        .Ileft {
            width: 34%;
        }
        .Iright {
            width: calc(66% + 1rem);
            padding-left: .25rem;
            .Iright2 {
                margin-top: .25rem;
            }
        }
        img {
            width: 100%;
            height: auto;
        }    
    }
    .imgBottom {
        img {
            width: 100%;
            margin-top: .25rem;
        }
    }
}

.ProcessFlow {
    .containerMain {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.14rem;
    }
    .Sequence {
        width: 50%;
        text-align: center;
        margin-bottom: 2.14rem;
        .SerialNumber {
            width: 4.36rem;
            text-align: center;
            display: inline-block;
            color: #ffffff;
            font-size: 1.7rem;
            font-weight: bold;
            background: url('../../img/step.png') no-repeat;
            background-size: 100% 100%;
            padding: 1.2rem 0;
            line-height: normal;
            margin-bottom: 0.82rem;
        }
        b {
            color: #333333;
            font-size: 1.07rem;
            margin-bottom: 0.5rem;
            display: inline-block;
        }
        p {
            color: #585a69;
            font-size: 0.79rem;
        }
    }
}

.pkBox {
    background: url('../../img/pk_bg.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 3.57rem;
    padding-bottom: 2.5rem;
    .h3 {
        img {
            width: 4.89rem;
            height: 2.43rem;
            margin-top: -1rem;
        }
    }
    .containerMain {
        padding-top: 2.14rem;
        img {
            width: 100%;
        }
    }
}
.gloryBox {
    padding-top: 2.5rem;
    background: url('../../img/bottom_bg.png') no-repeat;
    background-size: 100% auto;
    background-position: 100% 100%;
    .Achievement {
        background-image: linear-gradient(0deg, 
            #fdece2 0%, 
            #ffe8d9 15%, 
            #fcf7f3 100%);
        border-radius: 0.71rem;
        text-align: center;
        padding: 1.79rem .6rem 1.5rem .6rem;
        h3 {
            color: #ed7d31;
            font-size: 1.71rem;
            font-weight: bold;
        }
    }
    .Cooperation {
        margin-top: 1.43rem;
        img {
            width: 100%;
        }
    }
    .CooperationTime {
        font-weight: bold;
        margin-top: 1.36rem;
        .time {
            color: #333333;
            font-size: 1.29rem;
        }
        .name {
            font-size: 1.43rem;
            color: #c41211;
        }
    }
    .ForTheRecord {
        text-align: center;
        color: #ffffff;
        font-size: .79rem;
        border-top: 0;
        margin-top: 2.5rem;
    }
}
.FloatBox {
    height: 3.50rem;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 .8rem 0 0;
    display: none;
    &.FloatingWindow2 {
        position: absolute;
        bottom: 3rem;
        z-index: 1000;
        left: 0;
    }
    .text {
        display: inline-block;
        vertical-align:middle;
        font-size: 1rem;
        color: #ffffff;
        span {
            color: #ffbf2b;
            font-weight: bold;
        }
    }
    .buttonBox {
        display: inline-block;
        vertical-align:middle;
        background-color: #ff6700;
        box-shadow: 0rem 0rem 0.64rem 0.07rem 
            rgba(255, 162, 0, 0.2);
        border-radius: 0.89rem;
        color: #ffffff;
        font-size: 0.86rem;
        font-weight: bold;
        padding: .3rem .6rem;
        margin-left: .5rem;
    }
    .close {
        width: 0.86rem;
        height: 0.82rem;
        margin-left: 0.68rem;
    }
    .bg {
        background: url('../../img/vip.png') no-repeat;
        height: calc(100% + .25rem);
        margin-top: -.26rem;
        background-size: 14.5rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-top: .26rem;
    }
}
.h3 {
    font-size: 1.71rem;
    letter-spacing: 0.03rem;
    color: #ed7d31;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    transition: background-color 999999999s !important;
}